<!--//=========================<script réaliser par :EZZAMANE SOUKAINA>===================         -->
<!DOCTYPE html>
<html>
  <head>
      <title>Répeteurs</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initialscale=1">
      <!-- jQuery and jQuery Mobile -->
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
      <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
  </head>
  <body>
  <!-- Home -->
      <div data-role="page" id="page5">
        <div data-theme="a" data-role="header">
          <a href="#menu" data-role="button" data-theme="c" data-rel="back" data-inline="true" data-icon="bars">
            Menu
          </a>
          <h1>Répeteurs</h1>  
        </div><!--/ Header -->

        <!-- le panneau caché qui ouvre le menu des matériels-->
        <div data-role="panel" id="menu" data-display="push">
          <div class="ui-panel-inner">
            <!-- Ce UL dans le menu, ou les elements sont ajoutés -->
            <ul data-role="listview" class="mainMenu"></ul>
          </div><!-- ui-panel-inner -->
        </div><!-- /panel -->
        
        <div data-role="content">
          <p>Choisissez les répeteurs dont vous avez besoin :</p>
            <h1>Répeteurs</h1>
            <div data-role="fieldcontain">
                 <label for="repeteur"  class="ui-hidden-accessible " >
                     Répeteurs:
                 </label>
                 <form action="repeteur.php"  method="post"> 
                   <select name="repeteur[]" id="repeteur" data-native-menu="false" data-mini="true" multiple="multiple" size="4">
                   {foreach from=$repeteur item=materiel}                 <!--menu deroulant rempli appartir de la base de donnees-->
                   <option value="{$materiel}" >{$materiel}</option>
                   {/foreach }
                   </select>
                   </br></br>
                    
                  <input type="submit"  value="Valider" data-theme="a">
                  <input type="reset" value="annuler"   data-theme="a" >
                  </form>
            </div>  <!-- /fieldcontain -->     
        </div> <!-- /content -->
        <div data-role="footer">
              <h4>Média-FAST</h4>
        </div><!-- /footer -->
      </div><!-- /page -->
  </body>
</html>